; (function () {
    $.fn.extend({
        show1() {
            for (let i = 0; i < $('.item').length; i++) {
                if (($($('.item')[i]).offset().top - $(window).scrollTop()) < window.innerHeight) {
                    $($('.item')[i]).animate({ opacity: 1 }, 1000)
                }
                $(document).scroll(function () {
                    if (($($('.item')[i]).offset().top - $(window).scrollTop()) < window.innerHeight) {
                        $($('.item')[i]).animate({ opacity: 1 }, 1000)
                    }
                })
            }
        }
    })
})()
$(window).load(function () {
    $(".item").show1();
})
    //懒加载


    ; (function () {
        $(function () {
            var index = 0;
            $(".gt1").click(function () { //下一张
                next();
            });
            $(".lt1").click(function () { //上一张
                prev();
            })
            function next() {
                index++;
                if (index > 3) {
                    /*
                    当图片到最后一张时跳回第一张，本例中在最后一张中放入了第一张的图片，为实现无缝切换图片的效果。
                    */
                    $("ul").animate({ left: -(index) * 680 }, 500);
                    index = 0;
                    $("ul").animate({ left: 0 }, 0); //
                }
                $("ul").animate({ left: -index * 680 }, 500);

            }
            function prev() {
                index--;
                if (index < 0) {
                    index = 2;
                    $("ul").animate({ left: -(index + 1) * 600 }, 0);
                }
                $("ul").animate({ left: -index * 680 }, 500);

            }

        })
        //回到顶部
        $(function () {

            /*  $(window).on("scroll", function () {
                 let scrollTop = $(document).scrollTop();
                 if (scrollTop > 1000) {
                     $('#backTop').show();
                 } else {
                     $('#backTop').hide();
                 }
             }) */
            //给火箭绑定点击事件
            $('.jt').on("click", function () {
                //重点就这一句
                $("html,body").animate({ scrollTop: 0 });
            })
        })

        class MySwiper {
            // $el ==> #all;
            constructor($el) {
                this.$el = $el;
                this.imgIndex = 0;
                this.pointIndex = 0
                //所有的li标签,不包含克隆的
                this.$oLis = this.$el.find("ul>li");
                //ol标签
                this.$oOl = this.$el.find("ol");

                this.$oLis.each((index) => {
                    // console.log(this);
                    this.$oOl.append($(`<li class=${index == 0 ? 'current' : ''}>${index + 1}</li>`));
                });
                //克隆
                this.$oLis.first().clone(true).appendTo(this.$el.find("ul"));

                this.timer = setInterval(() => {
                    this.imgIndex++;
                    this.pointIndex++;
                    this.aotuPlay.call(this);
                }, 1500);

                this.mouseHandler();

            }



            aotuPlay() {
                if (this.imgIndex > 3) {
                    this.imgIndex = 1;
                    this.$el.find("ul").css({
                        left: 0
                    })
                }
                this.$el.find("ul").animate({ left: this.imgIndex * -680 })


                if (this.pointIndex > 3) {
                    this.pointIndex = 0;
                }
                this.$oOl.children().eq(this.pointIndex).addClass("current").siblings().removeClass('current');
            }

            mouseHandler() {
                let self = this;
                this.$el.on("mouseenter", function () {
                    clearInterval(self.timer)
                }).on("mouseleave", function () {

                    clearInterval(self.timer)

                    self.timer = setInterval(() => {
                        self.imgIndex++;
                        self.pointIndex++;
                        self.aotuPlay.call(self);
                    }, 1500)
                })
            }


        }


        $.fn.extend({
            swiper1() {
                new MySwiper(this);
            }
        })

        $.fn.extend({
            fly() {
                var $oUl = this.find(".ul1");
                var $oOl = this.find("ol");
                var $index = 0;
                function autoPlay() {
                    $oUl.children().eq($index).fadeIn().siblings().fadeOut();
                    $oOl.children().eq($index).animate({ opacity: 1 }).siblings().animate({ opacity: 0.3 });
                }
                autoPlay();
                //开启一个定时器
                var timer = setInterval(function () {
                    $index++;
                    if ($index > 6) {
                        $index = 0;
                    }
                    autoPlay();

                }, 1500);

                this.on("mouseenter", function () {
                    clearInterval(timer)
                }).on("mouseleave", function () {
                    timer = setInterval(function () {
                        $index++;
                        if ($index > 6) {
                            $index = 0;
                        }
                        autoPlay();

                    }, 1500);
                }).on("click", "ol>li", function () {
                    $index = $(this).index();
                    autoPlay();
                })
            }
        })

    })()


$(function () {

    $(".imgbox1").swiper1();

})
$(function () {

    $(".all").fly();

})





